[class*=am-u-] {
    padding-left: 0;
    padding-right: 0;
}
/**
 * 通用
 */
.fl{float: left;}
.fr{float: right;}
input,button {-webkit-appearance: none;border-radius: 0;}
li{list-style: none;}
@zColor:#4a9ffe;
@bColor:#dcdcdc;
.zcolor{color:@zColor;}
.gray{color:#828282;}
.p1015{padding:10px 15px;}
.flex-wrap{
    display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
    display:-webkit-flex;/* Chrome 21+ */
    display:-ms-flexbox;/* WP IE 10 */
    display:flex;/* android 4.4 */
}
.flex-con{
    -webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex:1;/* Chrome 21+ */
    -ms-flex:1;/* WP IE 10 */
    flex:1;/* android 4.4 */
}
.alert_box{position:fixed;bottom:10%;width:100%;overflow:hidden;z-index:9999;text-align:center;font-size: 12px;}
.alert_box .alert_msg{padding:5px 10px;background:rgba(0,0,0,.5);color:#fff;display:inline-block;border-radius:2px;min-width:80px;}
.clearfix:after { content: "." ; display: block ;height: 0 ;clear: both ;visibility: hidden ;}
.clearfix{ display: inline-block; }
*html .clearfix{ height:1%; }
.clearfix{ display:block;clear: both ; }

/*
 * 边线
 */
.bd_t {
    &:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        border-top: 1px solid @bColor;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 10;
    }
}
.bd_b {
    &:after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid @bColor;
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.5);
        z-index: 10;
    }
}


.list_load{text-align: center;font-size: 12px;color:#999;padding: 7px;}

/**
 * 我的二维码
 */
.two_code_box{background:#fff;padding:10px 20px 20px;color:@zColor;
    .info{padding:10px 0;font-size: 12px;height:77px;}
    .name{font-size:18px;padding-right:15px;}
    .title{display: inline-block;width:80px;color:#8a8a8a;}
    .img{text-align: center;font-size: 16px;color:#333;
        img{width:100%;margin: 10px 0;}
    }
}



/*loading*/
.loadingbox{position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden; z-index:999999;font-size:12px;}
.loadecenter{width:100%;height:100%;
 display: box;
display: -webkit-box;
display: -moz-box;
-webkit-box-pack:center;
-moz-box-pack:center;
-webkit-box-align:center;
-moz-box-align:center;
}
.loadrgb{ border-radius:4px;width:120px;height:100px;background:rgba(0,0,0,0.6);padding:10px 0;text-align:center;color:#fff; }
.loadingbox .loader {
border-radius: 50%;
width: 30px;height: 30px;
margin: 0 auto;
margin-top: 10px;
margin-bottom:15px;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 5px solid rgba(255, 255, 255, .6);
border-right: 5px solid rgba(255,255, 255, .6);
border-bottom: 5px solid rgba(255,255, 255,.6);
border-left: 5px solid @zColor;
-webkit-animation: load8 0.8s infinite linear;
animation: load8 0.8s infinite linear;
}
.loadingbox .loader {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.mui-loading .mui-spinner
{
    display: block;

    margin: 0 auto;
}

.mui-spinner
{
    display: inline-block;

    width: 24px;
    height: 24px;

    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: spinner-spin 1s step-end infinite;
            animation: spinner-spin 1s step-end infinite;
}

.mui-spinner:after
{
    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

.mui-spinner-white:after
{
    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
}

@-webkit-keyframes spinner-spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
    }

    8.33333333%
    {
        -webkit-transform: rotate(30deg);
    }

    16.66666667%
    {
        -webkit-transform: rotate(60deg);
    }

    25%
    {
        -webkit-transform: rotate(90deg);
    }

    33.33333333%
    {
        -webkit-transform: rotate(120deg);
    }

    41.66666667%
    {
        -webkit-transform: rotate(150deg);
    }

    50%
    {
        -webkit-transform: rotate(180deg);
    }

    58.33333333%
    {
        -webkit-transform: rotate(210deg);
    }

    66.66666667%
    {
        -webkit-transform: rotate(240deg);
    }

    75%
    {
        -webkit-transform: rotate(270deg);
    }

    83.33333333%
    {
        -webkit-transform: rotate(300deg);
    }

    91.66666667%
    {
        -webkit-transform: rotate(330deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spinner-spin
{
    0%
    {
        transform: rotate(0deg);
    }

    8.33333333%
    {
        transform: rotate(30deg);
    }

    16.66666667%
    {
        transform: rotate(60deg);
    }

    25%
    {
        transform: rotate(90deg);
    }

    33.33333333%
    {
        transform: rotate(120deg);
    }

    41.66666667%
    {
        transform: rotate(150deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    58.33333333%
    {
        transform: rotate(210deg);
    }

    66.66666667%
    {
        transform: rotate(240deg);
    }

    75%
    {
        transform: rotate(270deg);
    }

    83.33333333%
    {
        transform: rotate(300deg);
    }

    91.66666667%
    {
        transform: rotate(330deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}
.go_back{color:#333;}
.form_main{padding:20px 15px;background: #fff;position: relative;}
.form_main .item::after{display:block}
.form_main .item-login-option::after,.form_main .item::after{clear:both;content:" "}
.form_main .item{position:relative;width:100%}
.form_main .item .item-icon{position:absolute;display:block;height:12px;line-height:12px;right:10px;top:16px;z-index:2;font-size:12px}
.form_main .item,.form_main .item-captcha .input-info{margin-bottom:10px}
.form_main .item .txt-input,.form_main .item select{background:#fff none repeat scroll 0 0;border:1px solid @bColor;border-radius:2px;color:#252525;font-size:14px;height:38px;line-height:normal;padding:0;width:100%;position:relative}
.form_main .item select{padding:0 10px;-webkit-user-select: none;outline:none;-webkit-appearance: none;background: #fff url(../image/down.png) 95% center no-repeat;background-size: 13px;}
.form_main .item-btns .btn-login,.form_main .item-btns .btn-next{background:#f25454 none repeat scroll 0 0;border-radius:3px;color:#fff;display:inline-block;font-size:17px;height:40px;line-height:39px;text-align:center;text-decoration:none;width:100%;-webkit-appearance:none;border:0}
.form_main .item-btns .btn-disabled{background:#e2e2e2 none repeat scroll 0 0;color:#bdbdbd;cursor:default}
.form_main .item .txt-captcha,.form_main .item .txt-password,.form_main .item .txt-username{padding-left:15px}
.form_main .item-login-option{font-size:14px;margin-bottom:34px;padding-top:20px}
.form_main .item-login-option .register-free{float:left;width:50%}
.form_main .item-login-option .retrieve-password{float:right;text-align:right;width:50%}
.form_main .item-login-option .register-free a,.form_main .item-login-option .retrieve-password a{border-bottom:1px solid @bColor;color:#686868;display:inline-block;font-size:15px;height:20px}
.form_main .item .txt-phone{padding-left:15px;width:53.3103%}
.form_main .btn-retransmit{background:#fff none repeat scroll 0 0;border:1px solid @bColor;border-radius:3px;color:#f15353;cursor:pointer;float:right;font-size:14px;height:42px;line-height:44px;overflow:hidden;text-align:center;width:44.1379%}
.form_main .btn-retransmit-disabled{background:#e2e2e2 none repeat scroll 0 0;border:1px solid @bColor;box-shadow:none;color:#bdbdbd;cursor:default}
.form_main .btn-retransmit-green{background:#1b961b none repeat scroll 0 0;border:1px solid @bColor;box-shadow:none;color:#fff;cursor:default}
.form_main .item-sms-captcha{font-size: 14px;margin-bottom: 5px;}
.form_main .item-sms-captcha .txt-sms-captcha{float:left;padding-left:15px}
.form_main .err-tips{color:#848689;font-size:13px;margin:13px 0 24px}
.form_main .err-tips a{border-bottom:1px solid @bColor;color:#f25454;display:inline-block;height:20px}
textarea{background:#fff none repeat scroll 0 0;border:1px solid @bColor;border-radius:2px;color:#252525;font-size:14px;height:120px;width: 100%;padding:10px;}
.f-reg-form{width:94%;margin:0 auto}
.f-reg-tip{padding:10px 10%;text-align:center;line-height:1}
.f-reg-tip strong{color:#f03}
.f-reg-tip .f-link{display:inline-block;margin:8px 0}
.f-reg-form .f-reg-mb{float:right;width:48%;height:40px}
.f-reg-form .f-reg-btn{display:block;width:100%;height:40px;line-height:40px;padding:0;font-size:16px}
.select_region{.flex-wrap;
  select{.flex-con;padding:0 10px;margin-right:5px;border: 1px solid @bColor;color: #252525;font-size: 14px;height: 38px;width: 33.3%;
    &:last-child{margin-right:0px;}
  }
}
